<template>
	<div class="text-rules" v-html="content"></div>
</template>

<script>
export default {
	data() {
		return {
			content: ''
		};
	},

	created() {
		this.$service.bwbt.shareTemplate
			.template({
				type: 16
			})
			.then(res => {
				this.content = res;
			});
	}
};
</script>

<style lang="scss" scoped>
.text-rules {
	padding: 10px;
	font-size: 26px;
	letter-spacing: 2px;

	/deep/h2 {
		font-size: 32px;
		margin-bottom: 20px;
	}

	/deep/.rule {
		line-height: 50px;
	}
}
</style>
